<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <!--解决兼容性问题-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!--搜索引擎-->
    <meta name="author" content="jerehedu">
    <meta name="keywords" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">

    <title>Feel-想得美做得到</title>
    <link rel="icon" href="img/favicon.png"/>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <script src="js/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
</head>
<body>
    <div class="mengceng">
        <img src="img/feel-slogan-2.png" alt=""/>
    </div>
    <div class="tabody t1">
        <header>
            <div class="staus"></div>
            <span>Feel 健康</span>
            <div class="add"></div>
        </header>
        <section class="section1">
            <img src="img/sec1.png" alt="bg"/>
        </section>
        <section class="section2">
            <div class="title"><i class="left"></i><span>我的打卡</span><i class="right"></i></div>
            <ul class="container">
                <li><img src="img/daka.png" alt="daka"/></li>
            </ul>
            <div class="title title1"><i class="left"></i><span>健康管理工具</span><i class="right"></i></div>
            <ul class="container">
                <li><img src="img/game.png" alt="game"/></li>
                <li><img src="img/video.png" alt="video"/></li>
                <li><img src="img/drink.png" alt="drink"/></li>
                <li><img src="img/weather.png" alt="weather"/></li>
                <li><img src="img/run.png" alt="run"/></li>
                <li><img src="img/sheru.png" alt="sheru"/></li>
                <li><img src="img/heart.png" alt="heart"/></li>
                <li><img src="img/qiandao.png" alt="qiandao"/></li>
                <li><img src="img/weight.png" alt="weight"/></li>
                <li><img src="img/zhicheng.png" alt="zhicheng"/></li>
                <li><img src="img/add.png" alt="add"/></li>
            </ul>
        </section>
    </div>
    <div class="tabody t2" style="display: none">
        2
    </div>
    <div class="tabody t3" style="display: none">
        3
    </div>
    <div class="tabody t4" style="display: none">
        4
    </div>
    <ul class="tabtit">
        <li class="active"><span>&#9829;</span>健康</li>
        <li><span>&#8786;</span>一起</li>
        <li><span>&#9743;</span>通知</li>
        <li><span>&#9787;</span>我的</li>
    </ul>
</body>
</html>